{% extends "conmon/style2.html" %}{% block content %}
<div class="layui-form layui-form-pane" action="">
	<div class="container">
		<div class="main-top">
			<h3 class="main-title">
				<i class="layui-icon icon1" style="font-size: 23px; color: #1E9FFF;line-height: 38px;">&#xe631;</i>
				<span class="tj">查询条件</span>
			</h3>
			<div class="main-bd">
				<div class="layui-container">
					<form class="layui-form " action="">
						<div class="layui-col-xs12">
							<div class="layui-inline ">
								<label class="layui-form-label">状态：</label>
								<div class="layui-input-inline">
									<input type="tel"  name="xm" id="xm" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-inline ">
								<label class="layui-form-label">委托人：</label>
								<div class="layui-input-inline">
									<input type="tel"  name="sfzhm" id="sfzhm" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-inline ">
								<a class="layui-btn" type="button" id="search">
									<i class="layui-icon">&#xe615;</i> 搜索
								</a>
								<a class="layui-btn" type="button" id="bs">
									<i class="layui-icon">&#xe615;</i> 报送专项报告
								</a>
								<a class="layui-btn" type="button" id="update">
									<i class="layui-icon">&#xe615;</i> 修改
								</a>
							</div>
						</div>
						<div class="layui-form-item" style="margin-bottom:10px;"></div>
					</form>
				</div>
			</div>
		</div>
	<table id="demo" lay-filter="djtable"></table>
</div>
<script type="text/html" id="barDemo">
	<a class="layui-btn  layui-btn-mini new_int" lay-event="detail">作废</a>
	<a class="layui-btn  layui-btn-mini" lay-event="detail">修改</a>
</script>
</div>
<!-- <script src="/public/plugins/layui/layui.all.js"></script> -->
<script>
layui.use('table', function(){
	var table = layui.table;
	table.render({
	elem: '#demo'
	// ,url:'/demo/table/user/'
	,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
	,data: [{
                    "id": "1",
                    "lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }, {
                    "id": "2",
					"lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }, {
                    "id": "3",
                    "lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }, {
                    "id": "4",
                    "lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }, {
                    "id": "5",
					"lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }, {
                    "id": "6",
                    "lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }, {
                    "id": "7",
                    "lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                },{
                    "id": "8",
					"lei1": "2017",
                    "lei2": "018-01-02",
					"lei3": "正常",
					"lei4": "查看",
                }]
	,cols: [[
		{field:'id',  title: 'ID', sort: true}
		,{field:'lei1',  title: '报告年度'}
		,{field:'lei2',  title: '申请日期', sort: true}
		,{field:'lei3', title: '状态'}
		,{field:'lei4', title: '操作记录'} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
		,{field:'classify', title: '操作',width: '30%',align: 'center',toolbar: '#barDemo'}
	]]
	});
});
</script>
<script>
  $('#bs').on('click', function(){
	  layer.open({
		type: 2,
		title: '年度涉税专业服务总体情况表',
		fix: false,
		maxmin: true,
		shadeClose: true,
		area: ['100%', '100%'],
		content: '/ssfw/baon',
	  });
  });

    $('#update').on('click', function(){
	  layer.open({
		type: 2,
		title: '年度涉税专业服务总体情况表',
		fix: false,
		maxmin: true,
		shadeClose: true,
		area: ['100%', '100%'],
		content: '/ssfw/update_n',
	  });
  });
</script>
<script>
		layui.use(['form', 'layedit', 'laydate'], function(){
			var form = layui.form
			,layer = layui.layer
			,layedit = layui.layedit
			,laydate = layui.laydate;
			
			//日期
			laydate.render({
			elem: '#date'
			});
			laydate.render({
			elem: '#date1'
			});
			
			//创建一个编辑器
			var editIndex = layedit.build('LAY_demo_editor');
			
			//自定义验证规则
			form.verify({
			title: function(value){
				if(value.length < 5){
				return '标题至少得5个字符啊';
				}
			}
			,pass: [/(.+){6,12}$/, '密码必须6到12位']
			,content: function(value){
				layedit.sync(editIndex);
			}
			});
			
			//监听指定开关
			form.on('switch(switchTest)', function(data){
			layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
				offset: '6px'
			});
			layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
			});
			
			//监听提交
			form.on('submit(demo1)', function(data){
			layer.alert(JSON.stringify(data.field), {
				title: '最终的提交信息'
			})
			return false;
			});
			
			
		});
		</script>
{% endblock %}